@import "../font/iconfont.css";
.swiper-container {
  width: 100%;
  height: auto;
}
.swiper-container .swiper-slide > img {
  width: 100%;
  height: auto;
  border-radius: 0.3125rem;
  max-width: 100%;
}
html,
body {
  height: 100%;
  width: 100%;
  overflow: hidden;
  font-size: calc(16*100vw/375);
}
body {
  box-sizing: border-box;
  padding-bottom: 4rem;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body.spell_details {
  padding-bottom: 5.875rem;
}
body.spell_details > #container {
  background: #fff;
  padding-top: 2.5rem;
  box-sizing: border-box;
}
body.evaluate {
  padding-bottom: 0 !important;
  padding-top: 2.625rem;
}
body.evaluate .tabs {
  width: 100%;
  height: 2.625rem;
  display: flex;
  justify-content: space-around;
  position: absolute;
  left: 0;
  top: 0;
}
body.evaluate .tabs > div {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 0.625rem;
  box-sizing: border-box;
  border-bottom: 0.125rem solid transparent;
  font-size: 0.875rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #A0A0A0;
}
body.evaluate .tabs > div.active {
  color: #FF2E00;
  border-color: #FF2E00;
}
body.evaluate .tab-content {
  width: 100%;
  height: 100%;
  display: none;
  padding: 0.1875rem 0.25rem;
  box-sizing: border-box;
}
body.evaluate .tab-content.active {
  display: block;
}
body.payafter-body {
  padding-bottom: 0;
}
body > #container {
  height: 100%;
  width: 100%;
  -webkit-overflow-scrolling: touch;
  overflow-x: hidden;
  overflow-y: auto;
  background: #EDF2F5;
}
body > #container .bg-white {
  background: #fff;
}
body > #container .boder-box {
  box-sizing: border-box;
}
body > #container .pd10 {
  padding: 0.625rem;
}
body > #container .mb10 {
  margin-bottom: 0.625rem;
}
body > #menu {
  height: 3.375rem;
  padding-bottom: 0.625rem;
  width: 100%;
  display: flex;
  justify-content: space-around;
  align-items: center;
  background: #ffffff;
  box-shadow: 0rem -0.0625rem 0.1875rem 0rem rgba(203, 203, 203, 0.5);
}
body > #menu > a {
  flex: 1;
  text-align: center;
  font-size: 0.75rem;
  color: #999999;
  line-height: 1.0625rem;
}
body > #menu > a > .icon {
  width: 1.25rem;
  height: 1.25rem;
  margin: 0.3125rem auto;
  background-size: 100% 100%;
  background-position: 0 0;
}
body > #menu > a > .icon.icon-all-goods {
  background-image: url(../images/s4.png);
}
body > #menu > a > .icon.icon-message-goods {
  background-image: url(../images/xx1.png);
}
body > #menu > a > .icon.icon-car-goods {
  background-image: url(../images/q1.png);
}
body > #menu > a > .icon.icon-my-goods {
  background-image: url(../images/m2.png);
}
body > #menu > a > .icon.icon-kefu-goods {
  background-image: url(../images/w2.png);
}
body > #menu > a > .icon.icon-collect-goods {
  background-image: url(../images/c1.png);
}
body > #menu > a.on .icon-all-goods {
  background-image: url(../images/s3.png);
}
body > #menu > a.on .icon-message-goods {
  background-image: url(../images/xx.png);
}
body > #menu > a.on .icon-car-goods {
  background-image: url(../images/q1red.png);
}
body > #menu > a.on .icon-my-goods {
  background-image: url(../images/m2.png);
}
body > #menu > a.on .icon-kefu-goods {
  background-image: url(../images/w1.png);
}
body > #menu > a.on .icon-collect-goods {
  background-image: url(../images/c2.png);
}
body > #menu > .btn {
  flex: 0 0 10.5rem;
  width: 10.5rem;
  height: 2.1875rem;
  background: rgba(255, 0, 0, 0.86);
  border-radius: 2.125rem;
  font-size: 0.75rem;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #ffffff;
  line-height: 2.1875rem;
  margin: 0 0.9375rem;
}
body > #menu > .btns {
  flex: 0 0 12.5rem;
  width: 12.5rem;
  height: 2.1875rem;
  border-radius: 2.125rem;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  display: flex;
  margin-right: 0.625rem;
}
body > #menu > .btns > a {
  height: 100%;
  flex: 1;
}
body > #menu > .btns > a > img {
  width: 100%;
  height: 100%;
}
body > #menu.order-menu {
  justify-content: space-between;
  padding: 00.6875rem;
  box-sizing: border-box;
}
body > #menu.order-menu > div > span:first-child {
  height: 1.75rem;
  font-size: 0.75rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #434343;
  line-height: 1.75rem;
  vertical-align: middle;
}
body > #menu.order-menu > div > span:last-child {
  height: 1.0625rem;
  font-size: 1.125rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #ff0000;
  line-height: 1.0625rem;
  vertical-align: middle;
}
body > #menu.spell-details-menu {
  height: 5.875rem;
  display: block;
  box-shadow: none;
}
body > #menu.spell-details-menu > p {
  height: 1.0625rem;
  font-size: 0.875rem;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #ff2e00;
  line-height: 1.0625rem;
  text-align: center;
  margin: 0.625rem 0;
}
body > #menu.spell-details-menu > .btn {
  display: block;
  width: 20.5625rem;
  height: 2.1875rem;
  background: #ff2e00;
  border-radius: 1.3125rem;
  font-size: 0.875rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #ffffff;
  line-height: 2.1875rem;
  margin: 0.625rem auto 0;
}
body .index .banner {
  text-align: center;
}
body .index .input-group {
  width: 22.25rem;
  height: 2.4375rem;
  background: #ffffff;
  box-shadow: 0rem 0rem 0.5625rem 0rem rgba(217, 217, 217, 0.5);
  border-radius: 1.4375rem;
  border: 0.0625rem solid #e3e3e3;
  margin: 0.625rem 0;
  position: relative;
  box-shadow: border-box;
  padding-top: 0.0625rem;
}
body .index .input-group > label > img {
  width: 1.125rem;
  height: 1.125rem;
  position: absolute;
  left: 1.8125rem;
  top: 0.6875rem;
}
body .index .input-group > input {
  padding-left: 3.625rem;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border: none;
  outline: none;
  background: transparent;
  font-size: 0.875rem;
}
body .index .input-group > input::placeholder {
  color: #E3E3E3;
}
body .index .yaoqing {
  display: block;
  width: 22.25rem;
  height: 5.8125rem;
  background-repeat: no-repeat;
  background-size: contain;
}
body .index .good-list .good-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
body .index .good-list .good-head > img {
  flex: 0 0 1rem;
  width: 1rem;
  height: 1.25rem;
}
body .index .good-list .good-head > img.zs {
  flex: 0 0 1.375rem;
  width: 1.375rem;
  height: 1.25rem;
}
body .index .good-list .good-head > h3 {
  flex: 1;
  color: #1C1C1C;
  height: 1.125rem;
  font-size: 0.875rem;
  font-family: PingFangSC-Medium, PingFang SC;
  color: #1c1c1c;
  line-height: 1.125rem;
  text-indent: 1em;
}
body .index .good-list .good-head > a {
  height: 1.0625rem;
  font-size: 0.75rem;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #7d7d7d;
  line-height: 1.0625rem;
  position: relative;
  padding: 0 0.75rem;
}
body .index .good-list .good-head > a::after {
  content: "";
  border: 0.0625rem solid #7d7d7d;
  display: block;
  width: 0.375rem;
  height: 0.375rem;
  transform: rotate(45deg);
  border-left: none;
  border-bottom: none;
  position: absolute;
  right: 0.125rem;
  bottom: 0.3125rem;
}
body .index .good-list .good-body {
  display: flex;
  width: 100%;
  overflow: hidden;
  justify-content: space-between;
}
body .index .good-list .good-body > div {
  flex: 0 0 10.75rem;
  width: 10.75rem;
}
body .index .good-list .good-body > div > img {
  width: 10.75rem;
  max-width: 100%;
  height: 10.5rem;
  border-radius: 0.3125rem;
}
body .index .good-list .good-body > div > p {
  width: 100%;
  margin-top: 0.4375rem;
  white-space: wrap;
  word-break: break-all;
  width: 10.8125rem;
  height: 2.5rem;
  font-size: 0.875rem;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #3b3b3b;
  line-height: 1.25rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
body .index .good-list .good-body > div > .count > span:first-child {
  font-size: 0.875rem;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #3b3b3b;
  line-height: 1.25rem;
  margin-right: 0.3125rem;
}
body .index .good-list .good-body > div > .count > span:last-child {
  font-size: 0.75rem;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #3b3b3b;
  line-height: 1.0625rem;
  text-decoration: line-through;
}
body .index .good-list .good-body > div > .btns {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
body .index .good-list .good-body > div > .btns > span {
  font-size: 0.625rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #999999;
  line-height: 0.625rem;
}
body .index .good-list .good-body > div > .btns > a {
  width: 3.6875rem;
  height: 1.875rem;
  background: #fa0000;
  border-radius: 0.125rem;
  font-size: 0.875rem;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #ffffff;
  line-height: 1.875rem;
  text-align: center;
}
body .detail .detailPD {
  padding: 0.8125rem 1.375rem;
  align-content: center;
}
body .detail .detailPD .label {
  line-height: 1.75rem !important;
  white-space: nowrap;
}
body .detail .detailPD .checkbox-control > label > span {
  display: inline-block;
  height: 1.75rem;
  background: rgba(216, 216, 216, 0.3);
  border-radius: 0.1875rem;
  line-height: 1.75rem;
  padding: 0 0.625rem;
  color: #434343;
  margin: 0 0.1875rem 0.1875rem 0;
}
body .detail .detailPD .checkbox-control > label > input {
  display: none;
}
body .detail .detailPD .checkbox-control > label > input:checked + span {
  background: rgba(255, 0, 0, 0.3);
  color: #ff0000;
}
body .detail .banner {
  padding-bottom: 0.9375rem;
}
body .detail .banner > img {
  width: 100%;
  height: auto;
  min-height: 12.5rem;
}
body .detail .banner > .form-control {
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
  padding: 0.9375rem 1.375rem 0;
  position: relative;
}
body .detail .banner > .form-control > .label {
  height: 1.0625rem;
  font-size: 0.875rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #434343;
  line-height: 1.0625rem;
}
body .detail .banner > .form-control > a {
  height: 1.0625rem;
  font-size: 0.875rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #ff2323;
  line-height: 1.0625rem;
}
body .detail .spell-list > p {
  height: 1.0625rem;
  font-size: 0.875rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #434343;
  line-height: 1.0625rem;
  margin-bottom: 0.625rem;
}
body .detail .spell-list > ul > li {
  display: flex;
  align-items: center;
  margin: 0.3125rem 0;
}
body .detail .spell-list > ul > li > a {
  width: 4.3125rem;
  height: 1.6875rem;
  background: rgba(255, 0, 0, 0.86);
  border-radius: 2.125rem;
  color: #fff;
  text-align: center;
  font-size: 0.875rem;
  line-height: 0.95rem;
  padding: 0.40625rem 0;
  box-sizing: border-box;
}
body .detail .spell-list > ul > li > div {
  flex: 1;
}
body .detail .spell-list > ul > li > div > img {
  width: 2.3125rem;
  height: 2.3125rem;
  background: #c2c2c2;
  box-shadow: 0.0625rem 0.0625rem 0.25rem 0rem rgba(154, 154, 154, 0.5);
  border-radius: 50%;
  left: -0.625rem;
  position: relative;
  vertical-align: middle;
}
body .detail .spell-list > ul > li > div > span {
  width: 4.8125rem;
  height: 1.0625rem;
  font-size: 0.75rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #000000;
  line-height: 1.0625rem;
  vertical-align: middle;
  position: relative;
}
body .detail .spell-list > ul > li > div > span.iconfont {
  display: inline-block;
  width: 2.3125rem;
  height: 2.3125rem;
  text-align: center;
  line-height: 2.375rem;
  background: #eeeeee;
  opacity: 0.8;
  border: 0.0625rem dashed #dadada;
  border-radius: 50%;
  color: #D1D1D1;
  font-size: 1.875rem;
}
body .detail .num {
  padding: 0.9375rem 1.375rem 0.5625rem;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
body .detail .num .count > span:first-child {
  width: 3.5rem;
  height: 1.0625rem;
  font-size: 1.125rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #ff0000;
  line-height: 1.0625rem;
  margin-right: 0.625rem;
}
body .detail .num .count > span:last-child {
  font-size: 0.75rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #9d9d9d;
  line-height: 1.0625rem;
  text-decoration: line-through;
}
body .detail .num .month-sale {
  font-size: 0.625rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #999999;
  line-height: 0.625rem;
}
body .detail .name-with-share {
  display: flex;
  padding-left: 1.375rem;
  box-sizing: border-box;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 0.625rem;
}
body .detail .name-with-share .name {
  flex: 0 0 12.875rem;
  width: 12.875rem;
  height: 2.75rem;
  font-size: 1rem;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #434343;
  line-height: 1.375rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
body .detail .name-with-share .share {
  width: 4.9375rem;
  height: 1.6875rem;
  line-height: 1.5625rem;
  background: #ededed;
  border-radius: 0.875rem 0rem 0rem 0.875rem;
}
body .detail .name-with-share .share > img {
  width: 0.875rem;
  height: 0.875rem;
  margin: 0 0.1875rem 0 0.875rem;
  vertical-align: middle;
}
body .detail .name-with-share .share > span {
  font-size: 0.75rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #a3a3a3;
  vertical-align: middle;
}
body .detail .form-control {
  display: flex;
  position: relative;
}
body .detail .form-control .label {
  font-size: 0.875rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #868686;
  line-height: 1.0625rem;
  margin-right: 0.9375rem;
}
body .detail .form-control .value {
  font-size: 0.875rem;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #434343;
  line-height: 1.0625rem;
}
body .detail .good-detail > h4 {
  height: 1.0625rem;
  font-size: 0.875rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #868686;
  line-height: 1.0625rem;
}
body .detail .good-detail > ul > li {
  margin: 0.625rem 0;
}
body .detail .good-detail > ul > li > img {
  width: 100%;
  height: auto;
}
body .order > .jg {
  background: #EDF2F5;
  width: 100%;
  height: 0.625rem;
}
body .order > .top-box {
  padding: 1.25rem 1.4375rem 0.75rem;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
body .order > .top-box > div {
  width: 3.375rem;
  height: 5.25rem;
  padding-top: 3.125rem;
  box-sizing: border-box;
  white-space: wrap;
  background-size: 2.5rem 2.5rem;
  background-position: center 0;
  background-repeat: no-repeat;
  font-size: 0.75rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #3a3a3a;
  line-height: 1.0625rem;
  text-align: center;
}
body .order > .top-box > div:nth-child(1) {
  background-image: url(../images/n1.png);
}
body .order > .top-box > div:nth-child(2),
body .order > .top-box > div:nth-child(4) {
  flex: 1;
  height: 0.0625rem;
  background: #e7e7e7;
  padding: 0;
  margin: 1.25rem 0.625rem 0;
}
body .order > .top-box > div:nth-child(3) {
  background-image: url(../images/n2.png);
}
body .order > .top-box > div:nth-child(5) {
  background-image: url(../images/n3.png);
}
body .order > .user-adress {
  background-color: #fff;
  background-image: url(../images/adress-bg.png);
  background-size: 100% 0.25rem;
  background-repeat: no-repeat;
  height: auto;
  width: 100%;
  padding: 0.625rem 1.5rem;
  box-sizing: border-box;
  display: flex;
}
body .order > .user-adress > .iconfont {
  font-size: 1.25rem;
  margin-right: 0.625rem;
  color: #FF2424;
}
body .order > .user-adress > .adress-place > div {
  position: relative;
}
body .order > .user-adress > .adress-place > div > span:nth-child(1) {
  font-size: 0.875rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #454545;
  line-height: 1.375rem;
  margin-right: 0.8125rem;
}
body .order > .user-adress > .adress-place > div > span:nth-child(2) {
  font-size: 0.75rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #9D9D9D;
  line-height: 1.375rem;
}
body .order > .user-adress > .adress-place > div > a {
  font-size: 0.75rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #0078FF;
  line-height: 1.0625rem;
  position: absolute;
  right: 0;
  top: 0.375rem;
}
body .order > .user-adress > .adress-place > p {
  font-size: 0.75rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #434343;
  line-height: 1.0625rem;
  margin-top: 0.375rem;
  text-align: justify;
}
body .order > .orange-bg {
  width: 28.125rem;
  height: 18.75rem;
  background: linear-gradient(51deg, #e66400 0%, #e60012 100%);
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, -50%);
}
body .order > .tip-block {
  padding: 0 0.875rem 0.875rem;
  border-radius: 0.1875rem;
  position: relative;
  margin: 0 0.6875rem;
}
body .order > .tip-block > .tips {
  text-align: left;
  padding: 0.625rem 0.625rem 0 0.625rem;
  height: 1.0625rem;
  font-size: 0.875rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #434343;
  line-height: 1.0625rem;
}
body .order > .order-block {
  margin: 0.4375rem 0.6875rem;
  padding: 1.25rem 0.875rem 0.875rem;
  border-radius: 0.1875rem;
  position: relative;
}
body .order > .order-block.border {
  border: 0.0625rem solid #e6e6e6;
}
body .order > .order-block > .good-msg {
  display: flex;
  justify-content: space-between;
}
body .order > .order-block > .good-msg > img {
  flex-basis: 6.5625rem;
  width: 6.5625rem;
  height: 6.3125rem;
}
body .order > .order-block > .good-msg > div {
  width: 12.875rem;
  height: auto;
  text-align: justify;
}
body .order > .order-block > .good-msg > div > .name {
  height: 2.75rem;
  font-size: 1rem;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 600;
  color: #434343;
  line-height: 1.375rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
body .order > .order-block > .good-msg > div > .tip {
  width: 2.8125rem;
  height: 1.3125rem;
  background: #ff4e00;
  border-radius: 0.6875rem;
  font-size: 0.75rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #ffffff;
  line-height: 1.3125rem;
  text-align: center;
  margin: 0.3125rem 0 0.625rem;
}
body .order > .order-block > .good-msg > div .new-count {
  overflow: hidden;
  clear: both;
}
body .order > .order-block > .good-msg > div .new-count > span:first-child {
  font-size: 1.125rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #ff0000;
  line-height: 1.375rem;
  margin-right: 0.625rem;
  vertical-align: bottom;
}
body .order > .order-block > .good-msg > div .new-count > span:nth-child(2) {
  height: 1.0625rem;
  font-size: 0.75rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #9d9d9d;
  line-height: 1.0625rem;
  text-decoration: line-through;
  margin: 0.25rem 0 0.625rem;
}
body .order > .order-block > .good-msg > div .new-count > span:nth-child(3) {
  height: 1.0625rem;
  font-size: 0.75rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #434343;
  line-height: 1.0625rem;
  float: right;
}
body .order > .order-block > .good-msg > div > .phone {
  height: 1.75rem;
  font-size: 0.75rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #3a3a3a;
  line-height: 1.75rem;
}
body .order > .order-block > .total {
  text-align: right;
  border-top: 0.0625rem solid #D2D7E4;
  padding: 0.625rem 0.625rem 0 0;
  margin-top: 0.625rem;
}
body .order > .order-block > .total > span:first-child {
  height: 1.75rem;
  font-size: 0.75rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #434343;
  line-height: 1.75rem;
  vertical-align: middle;
}
body .order > .order-block > .total > span:last-child {
  height: 1.0625rem;
  font-size: 1.125rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #ff0000;
  line-height: 1.0625rem;
  vertical-align: middle;
}
body .order > .order-block.form-control {
  display: flex;
  position: relative;
}
body .order > .order-block.form-control .label {
  height: 1.75rem;
  font-size: 0.75rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #434343;
  line-height: 1.75rem;
  margin-right: 1rem;
}
body .order > .order-block.form-control .value {
  flex: 1;
}
body .order > .order-block.form-control .value > textarea {
  width: 100%;
  height: 3.5rem;
  font-size: 0.75rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #434343;
  line-height: 1.75rem;
  resize: none;
  border: none;
  outline: none;
}
body .order > .order-block > .count-down-control {
  margin: 0;
}
body .order > .order-block > .spell_person {
  display: flex;
  justify-content: center;
}
body .order > .order-block > .spell_person > div {
  margin: 0.875rem;
  text-align: center;
}
body .order > .order-block > .spell_person > div > img {
  display: block;
  width: 3.5rem;
  height: 3.5rem;
  border-radius: 50%;
}
body .order > .order-block > .spell_person > div > span {
  display: block;
  height: 1.0625rem;
  font-size: 0.75rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #000000;
  line-height: 1.0625rem;
  text-align: center;
  margin-top: 0.625rem;
}
body .order.payafter {
  background-color: #edf2f5 !important;
  background-image: none !important;
  padding-top: 0 !important;
}
body .order.payafter > .tips {
  font-size: 1.25rem;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #ffffff;
  line-height: 1.0625rem;
  position: relative;
  text-align: center;
  padding: 1.875rem 0 1.5625rem;
}
body .order.payafter > .tips > .orange-bg {
  width: 28.125rem;
  height: 25rem;
  background: linear-gradient(51deg, #e66400 0%, #e60012 100%);
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, -50%);
}
body .order.payafter > .tips > span {
  font-size: 1.6875rem;
  vertical-align: middle;
  margin-right: 0.625rem;
  position: relative;
}
body .order.payafter > .tips > span.text {
  font-size: 1.25rem;
}
body .order.payafter > .order-block {
  padding: 0;
}
body .order.payafter > .order-block > .good-msg {
  padding: 1.25rem 0.875rem 0.875rem;
}
body .order.payafter > .order-block > .good-msg > div > .tip {
  background: none;
}
body .order.payafter > .order-block > .good-msg > div > .new-count {
  clear: both;
  overflow: hidden;
}
body .order.payafter > .order-block > .good-msg > div > .new-count > a {
  height: 1.75rem;
  font-size: 0.75rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #0488ff;
  line-height: 1.75rem;
  float: right;
  vertical-align: middle;
}
body .order.payafter > .order-block > .pay-msg {
  padding: 0.625rem 0.875rem 0rem;
  height: 5.1875rem;
  background: rgba(216, 216, 216, 0.2);
}
body .order.payafter > .order-block > .pay-msg > p {
  font-size: 0.75rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #434343;
  line-height: 1.5625rem;
  text-indent: 0.375rem;
  white-space: nowrap;
}
body .order.payafter > .tip-block {
  height: 1.0625rem;
  font-size: 1rem;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #434343;
  line-height: 1.0625rem;
  margin-top: 1.25rem;
}
body .order.payafter > .teacher-msg {
  margin: 0.4375rem 0.6875rem;
  padding: 1.25rem 0.875rem 1.8125rem;
  border-radius: 0.1875rem;
  position: relative;
}
body .order.payafter > .teacher-msg > h3 {
  text-align: center;
  height: 1.625rem;
  font-size: 1rem;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #141414;
  line-height: 1.625rem;
}
body .order.payafter > .teacher-msg > h3 > span {
  position: relative;
}
body .order.payafter > .teacher-msg > h3 > span::before {
  content: "";
  display: block;
  background: url(../images/w3.png) no-repeat;
  width: 0.9375rem;
  height: 0.8125rem;
  background-size: 100% 100%;
  position: absolute;
  left: -1.5625rem;
  top: 0.3125rem;
}
body .order.payafter > .teacher-msg > h3 > span::after {
  content: "";
  display: block;
  background: url(../images/w3.png) no-repeat;
  width: 0.9375rem;
  height: 0.8125rem;
  background-size: 100% 100%;
  position: absolute;
  right: -1.5625rem;
  top: 0.3125rem;
}
body .order.payafter > .teacher-msg > .wx-text {
  width: 100%;
  height: 2.375rem;
  border-radius: 0.1875rem;
  border: 0.0625rem solid #cdcdcd;
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
  font-size: 0.875rem;
  margin-top: 0.625rem;
}
body .order.payafter > .teacher-msg > .wx-text > span {
  flex: 0 0 8rem;
  display: block;
  width: 8rem;
  line-height: 2.375rem;
  color: #878787;
  text-indent: 2.1875rem;
}
body .order.payafter > .teacher-msg > .wx-text > span > img {
  width: 1.375rem;
  height: 1.1875rem;
  vertical-align: middle;
  margin-right: 0.4375rem;
}
body .order.payafter > .teacher-msg > .wx-text > input {
  flex: 0 0 5.9375rem;
  width: 5.9375rem;
  display: block;
  border: none;
  outline: none;
  background: #fff;
  color: #000000;
  line-height: 2.375rem;
}
body .order.payafter > .teacher-msg > .wx-text > div {
  flex-basis: 6.5rem;
  width: 6.5rem;
  height: 2.375rem;
  background: linear-gradient(256deg, #ffce00 0%, #ff9f00 100%);
  font-size: 0.875rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #ffffff;
  line-height: 2.375rem;
  text-align: center;
}
body .order.payafter > .teacher-msg > img {
  width: 8.375rem;
  height: 8.3125rem;
  display: block;
  margin: 0.9375rem auto 1.375rem;
}
body .order.payafter > .teacher-msg > a {
  width: 20.5625rem;
  height: 2.1875rem;
  background: #ff2e00;
  border-radius: 1.3125rem;
  font-size: 0.875rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #ffffff;
  line-height: 2.1875rem;
  display: block;
  margin-top: 1.9375rem;
  text-align: center;
}
body .personal_center {
  position: relative;
}
body .personal_center > .t-bg {
  width: 100%;
  height: 11.375rem;
  background: url(../images/j3.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 0;
  top: 0;
}
body .personal_center > .person {
  width: 100%;
  height: 8rem;
  position: relative;
  text-align: center;
  padding: 1.9375rem 0 1.0625rem;
  box-sizing: border-box;
}
body .personal_center > .person > a > img {
  width: 3.0625rem;
  height: 3.0625rem;
  border-radius: 50%;
}
body .personal_center > .person > .name {
  height: 1.875rem;
  font-size: 0.875rem;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #ffffff;
  line-height: 1.875rem;
}
body .personal_center > .block {
  background: #ffffff;
  border-radius: 0.8125rem;
  margin: 0rem auto 0.625rem;
  position: relative;
  width: 22rem;
  box-sizing: border-box;
  padding: 1.375rem 1.25rem;
}
body .personal_center > .row1 {
  height: 6.375rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: center;
}
body .personal_center > .row1 > div > p:nth-child(1) {
  height: 1.5rem;
  font-size: 1.0625rem;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #000000;
  line-height: 1.5rem;
}
body .personal_center > .row1 > div > p:nth-child(2) {
  height: 1.0625rem;
  font-size: 0.75rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #000000;
  line-height: 1.0625rem;
  margin-top: 0.75rem;
}
body .personal_center > .row1 > div:last-child {
  position: relative;
  flex: 0 0 4.6875rem;
  width: 4.6875rem;
}
body .personal_center > .row1 > div:last-child::before {
  width: 0.0625rem;
  height: 2.1875rem;
  content: "";
  display: block;
  background: #979797;
  position: absolute;
  left: 0;
  top: 0.5625rem;
}
body .personal_center > .row1 > div:last-child > p:first-child > img {
  width: 1.25rem;
  height: 1.25rem;
  margin-top: 0.25rem;
}
body .personal_center > .row2 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
body .personal_center > .row2 > div {
  height: 1.0625rem;
  font-size: 0.75rem;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #000000;
  line-height: 1.0625rem;
}
body .personal_center > .row2 > a {
  color: #C7C7CC;
}
body .personal_center > .row3 > .row3-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 0.875rem;
  position: relative;
}
body .personal_center > .row3 > .row3-head::after {
  content: "";
  display: block;
  width: 21rem;
  height: 0.0625rem;
  background: #e5e5e5;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 0);
}
body .personal_center > .row3 > .row3-head > div {
  height: 1.0625rem;
  font-size: 0.75rem;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #000000;
  line-height: 1.0625rem;
}
body .personal_center > .row3 > .row3-head > a {
  height: 1.0625rem;
  font-size: 0.75rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #000000;
  line-height: 1.0625rem;
  color: #C7C7CC;
}
body .personal_center > .row3 > .row3-body {
  display: flex;
  padding: 1.6875rem 0 0 0;
  justify-content: space-between;
  text-align: center;
}
body .personal_center > .row3 > .row3-body > a {
  flex: 1;
  display: block;
}
body .personal_center > .row3 > .row3-body > a > img {
  width: 1.625rem;
  height: 1.625rem;
}
body .personal_center > .row3 > .row3-body > a:nth-child(3) > img {
  width: 2.0625rem;
}
body .personal_center > .row3 > .row3-body > a > p {
  height: 1.0625rem;
  font-size: 0.75rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #000000;
  line-height: 1.0625rem;
  margin-top: 0.625rem;
}
body .personal_center > .row4 {
  padding: 0.1875rem 1.25rem;
}
body .personal_center > .row4 > div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.1875rem 0;
  position: relative;
}
body .personal_center > .row4 > div::after {
  content: "";
  display: block;
  width: 21rem;
  height: 0.0625rem;
  background: #e5e5e5;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 0);
}
body .personal_center > .row4 > div:last-child::after {
  display: none;
}
body .personal_center > .row4 > div > div {
  height: 1.0625rem;
  font-size: 0.75rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #000000;
  line-height: 1.0625rem;
}
body .personal_center > .row4 > div > a {
  color: #C7C7CC;
}
body .count-down-control {
  display: flex;
  background: rgba(255, 0, 0, 0.86);
  border-radius: 0.9375rem;
  line-height: 1.875rem;
  padding: 0 1.25rem;
  box-sizing: border-box;
  margin: 0 1.375rem;
  justify-content: space-between;
  align-items: center;
}
body .count-down-control > .label {
  width: 3rem;
  font-size: 0.75rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #ffffff;
}
body .count-down-control > .value {
  flex: 1;
  text-align: right;
  font-size: 0.75rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #000000;
  margin-right: 0.625rem;
}
body .count-down-control > .value > span {
  display: inline-block;
  width: 1.3125rem;
  height: 1.3125rem;
  line-height: 1.3125rem;
  text-align: center;
  color: #fff;
  vertical-align: middle;
}
body .count-down-control > .value > span.bg-white {
  color: #000000;
}
body .shade {
  width: 100%;
  height: 100%;
  background: #000000;
  opacity: 0.6;
  position: fixed;
  left: 0;
  top: 0;
  display: none;
  z-index: 99;
}
body .buy-card {
  position: fixed;
  z-index: 100;
  left: 0;
  bottom: 0;
  width: 100%;
  height: auto;
  background: #ffffff;
  border-radius: 0.9375rem 0.9375rem 0 0;
  padding: 2.875rem 1.375rem 2.0625rem;
  box-sizing: border-box;
  display: none;
}
body .buy-card > .close {
  position: absolute;
  right: 1.375rem;
  top: 0.9375rem;
  font-size: 1.375rem;
}
body .buy-card > .good-msg {
  display: flex;
  justify-content: space-between;
}
body .buy-card > .good-msg > img {
  flex-basis: 6.5625rem;
  width: 6.5625rem;
  height: 6.3125rem;
}
body .buy-card > .good-msg > div {
  width: 12.875rem;
  height: auto;
  text-align: justify;
}
body .buy-card > .good-msg > div > .name {
  height: 2.75rem;
  font-size: 1rem;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 600;
  color: #434343;
  line-height: 1.375rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
body .buy-card > .good-msg > div > .old-count {
  height: 1.0625rem;
  font-size: 0.75rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #9d9d9d;
  line-height: 1.0625rem;
  text-decoration: line-through;
  margin: 0.25rem 0 0.625rem;
}
body .buy-card > .good-msg > div .new-count > span:nth-child(1) {
  font-size: 1.125rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #ff0000;
  line-height: 1.375rem;
  margin-right: 0.625rem;
  vertical-align: bottom;
}
body .buy-card > .good-msg > div .new-count > span:nth-child(2) {
  border-radius: 0.6875rem;
  font-size: 0.75rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #ffffff;
  line-height: 1.0625rem;
  background-color: #FF4E00;
  padding: 0.1875rem 0.5rem;
  vertical-align: bottom;
}
body .buy-card > form .form-control {
  border-bottom: 0.0625rem solid #D2D7E4;
  padding: 0.625rem 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.625rem;
  position: relative;
}
body .buy-card > form .form-control > .label {
  height: 1.75rem;
  font-size: 0.75rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #434343;
  line-height: 1.75rem;
}
body .buy-card > form .form-control > .value {
  flex: 1;
  margin-left: 0.625rem;
}
body .buy-card > form .form-control > .value > input {
  border: none;
  outline: none;
  width: 9.875rem;
  height: 1.75rem;
  font-size: 0.75rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #434343;
  line-height: 1.75rem;
}
body .buy-card > form .num-control > span {
  color: #008DFF;
  font-size: 1.375rem;
}
body .buy-card > form .num-control > span.disabled {
  color: #C2C2C2;
}
body .buy-card > form .num-control > input {
  width: 2.0625rem;
  height: 2.0625rem;
  background: #f1f1f1;
  border: none;
  outline: none;
  text-align: center;
  margin: 0 0.75rem;
}
body .buy-card > form .checkbox-control > label > span {
  display: inline-block;
  height: 1.75rem;
  background: rgba(216, 216, 216, 0.3);
  border-radius: 0.1875rem;
  line-height: 1.75rem;
  padding: 0 0.625rem;
  color: #434343;
  margin: 0 0.1875rem;
}
body .buy-card > form .checkbox-control > label > input {
  display: none;
}
body .buy-card > form .checkbox-control > label > input:checked + span {
  background: rgba(255, 0, 0, 0.3);
  color: #ff0000;
}
body .buy-card > form > .submit {
  width: 20.5625rem;
  height: 2.1875rem;
  background: rgba(255, 0, 0, 0.86);
  border-radius: 1.3125rem;
  font-size: 0.875rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #ffffff;
  line-height: 1.0625rem;
  outline: none;
  border: none;
  margin-top: 1.25rem;
}
body .share-card {
  position: fixed;
  z-index: 100;
  width: 20.1875rem;
  height: 32.4375rem;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background: url(../images/Mask@2x.png) no-repeat;
  background-position: 0 0;
  background-size: 100% 100%;
  display: none;
}
body .share-card > .close {
  width: 1.6875rem;
  height: 1.6875rem;
  background: url(../images/close.png) no-repeat;
  background-position: 0 0;
  background-size: 100% 100%;
  position: absolute;
  right: 0.5rem;
  top: -1.875rem;
}
body .share-card > .tx {
  display: block;
  width: 4.1875rem;
  height: 4.1875rem;
  border-radius: 50%;
  margin: 1.625rem auto 0;
}
body .share-card > .name {
  height: 1.5rem;
  font-size: 0.875rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #2e303a;
  line-height: 1.5rem;
  text-align: center;
}
body .share-card > .title {
  height: 1.5rem;
  font-size: 1rem;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #303030;
  line-height: 1.5rem;
  text-align: center;
  margin: 0.5rem 0 1.3125rem;
}
body .share-card > .good {
  display: block;
  width: 12.5rem;
  height: 12.5rem;
  margin: 0 auto 0.5625rem;
}
body .share-card > .msg {
  width: 17.875rem;
  height: auto;
  margin: 0 auto;
  display: flex;
  border-top: 0.0625rem solid #D2D7E4;
  box-sizing: border-box;
  padding: 0.875rem;
}
body .share-card > .msg > div > p:nth-child(1) {
  height: 1.0625rem;
  font-size: 1.125rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #ff0000;
  line-height: 1.0625rem;
  margin-bottom: 0.5rem;
}
body .share-card > .msg > div > p:nth-child(2) {
  font-size: 0.875rem;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #434343;
  line-height: 1.1875rem;
  text-align: justify;
}
body .share-card > .msg > img {
  margin-left: 0.625rem;
  flex: 0 0 5rem;
  width: 5rem;
  height: 5rem;
}
body .share-card > .tip {
  width: 100%;
  height: 1.5rem;
  font-size: 0.75rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #ffffff;
  line-height: 1.5rem;
  text-align: center;
  position: absolute;
  bottom: -1.25rem;
}
.pj-block > .pj {
  display: flex;
  justify-content: space-between;
}
.pj-block > .pj > span {
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #242424;
  line-height: 14px;
}
.pj-block > .pj > a {
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #868686;
  line-height: 12px;
  position: relative;
  padding-right: 20px;
}
.pj-block > .pj > a::after {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  background: url(../images/right.png) no-repeat;
  background-size: auto 100%;
  position: absolute;
  right: 0;
  top: 0;
}
.pj-block > .pj-item {
  display: flex;
  align-items: center;
  margin: 0.625rem 0;
}
.pj-block > .pj-item > img {
  flex: 0 0 1.0625rem;
  width: 1.0625rem;
  height: auto;
  margin-right: 0.6875rem;
}
.pj-block > .pj-item > .pj-name {
  font-size: 0.75rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #A6A6A6;
  line-height: 1.0625rem;
  margin-right: 0.9375rem;
}
.pj-block > .pj-item > .pj-msg {
  font-size: 0.75rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #000000;
  line-height: 1.0625rem;
}
.pj-page {
  box-sizing: border-box;
  padding: 0 1.25rem;
}
.pj-page > h3 {
  font-size: 0.875rem;
  font-family: PingFangSC-Regular, PingFang SC;
  color: #242424;
  line-height: 2.9375rem;
  border-bottom: 0.0625rem solid #EDF2F5;
}
.pj-page > div {
  display: flex;
  margin: 0.6875rem 0;
}
.pj-page > div > img {
  flex: 0 0 1.0625rem;
  width: 1.0625rem;
  height: 1.0625rem;
  margin-right: 0.6875rem;
}
.pj-page > div > div {
  flex: 1;
  align-items: top;
}
.pj-page > div > div > .pj-name {
  font-size: 0.75rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #A6A6A6;
  line-height: 1.0625rem;
}
.pj-page > div > div > .pj-msg {
  font-size: 0.75rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #000000;
  line-height: 1.5625rem;
}
.empty {
  background: url(../images/empty.png) no-repeat;
  background-size: 4.5625rem 2.8125rem;
  background-position: center 0;
  padding-top: 3.75rem;
  font-size: 0.875rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #A0A0A0;
  line-height: 1.25rem;
  text-align: center;
  margin-top: 6.25rem;
}
.evaluate-item {
  width: 100%;
  height: auto;
  background: #FFFFFF;
  border-radius: 0.1875rem;
  padding: 1rem 0.75rem 0.5625rem 1.25rem;
  box-sizing: border-box;
  margin-bottom: 0.625rem;
}
.evaluate-item > p {
  font-size: 0.75rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #434343;
  line-height: 1.0625rem;
}
.evaluate-item > div {
  display: flex;
  margin: 0.75rem 0;
  align-items: top;
}
.evaluate-item > div > img {
  flex: 0 0 4.4375rem;
  width: 4.4375rem;
  height: 4.25rem;
  margin-right: 0.875rem;
}
.evaluate-item > div > div {
  flex: 1;
  text-align: justify;
  font-size: 0.875rem;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #434343;
  line-height: 1.1875rem;
}
.evaluate-item > div > div > P {
  text-align: justify;
  font-size: 0.875rem;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #434343;
  line-height: 1.1875rem;
  height: 2.375rem;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.evaluate-item > div > div > div {
  text-align: right;
  margin-top: 0.625rem;
}
.evaluate-item > div > div > div > a {
  width: 4.1875rem;
  height: 1.75rem;
  border-radius: 0.875rem;
  border: 0.0625rem solid #FF2E00;
  display: inline-block;
  text-align: center;
  font-size: 0.75rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FF2E00;
  line-height: 1.75rem;
}
.evaluate-item > textarea {
  width: 100%;
  background: #F9F9F9;
  border-radius: 0.375rem;
  border: 0.0625rem solid #EAEAEA;
  resize: none;
  font-size: 0.75rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #2B2B2B;
  line-height: 1.1875rem;
  box-sizing: border-box;
  padding: 0.4375rem 0.875rem;
}
.copy-success {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  left: 0;
  top: 0;
  display: none;
}
.copy-success > div {
  width: 20.125rem;
  height: 10.375rem;
  background: #FFFFFF;
  border-radius: 0.375rem;
  border: 0.0625rem solid transparent;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.copy-success > div > p {
  height: 1.375rem;
  font-size: 1rem;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 600;
  color: #1B1B1B;
  line-height: 1.375rem;
  text-align: center;
  margin: 2.3125rem 0 2.125rem;
}
.copy-success > div > div {
  width: 11.4375rem;
  height: 2.1875rem;
  background: #EAFFE5;
  border-radius: 1.125rem;
  border: 0.0625rem solid #5CCF40;
  text-align: center;
  margin: 0 auto;
  line-height: 2.1875rem ;
  font-size: 0.875rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #328F1C;
}
.copy-success > div > div > img {
  width: 1.375rem;
  height: 1.1875rem;
  margin-right: 0.3125rem;
  vertical-align: middle;
}
